import useHooks from './hooks'
import { reportReviewContext } from './_context'
import ReportReviewTop from './components/ReportReviewTop'
import CardData from '@/components/CardData'
import ReportEcharts from './components/ReportEcharts'
import ReportTable from './components/ReportTable'

export default () => {
  const hookData = useHooks()
  return (
    <reportReviewContext.Provider value={hookData}>
      <div className='layout-main-conent'>
        <ReportReviewTop />
        <CardData cardList={hookData.cardList} />
        <ReportEcharts />
        <ReportTable />
      </div>
    </reportReviewContext.Provider>
  )
}
